<template>
	<view class="mairu_box gui-margin">
								
									 <view class="mairu_box_item gui-padding gui-bg-white">
											 <view class="top gui-border-b gui-flex gui-space-between gui-align-items-center">
											 	<view class="left gui-flex gui-justify-content-start gui-align-items-center">
											 <!-- 		<view class="ico">
											 			张
											 		</view> -->
											 		<view class="name">
											 			{{item.name}}
											 		</view>
											 	</view>
											 	
											 	<view class="right gui-flex gui-justify-content-start gui-align-items-center">
											 		 <view class="price gui-padding-x">
											 		 	<text class="unit gui-text-small">￥</text>
											 			<text class="money gui-h3 gui-bold">{{item.money}}</text>
											 		 </view>
											 		 
											 		 <view class="time gui-icons gui-primary-color gui-text-small">
											 		 &#xe607;	15分钟
											 		 </view>
											 	</view>
											 </view>
											 
											 <view class="main">
												 <view class="item gui-text gui-color-gray gui-flex gui-space-between gui-align-items-center"	>
													 <text>成单量  852     </text><text> 成单率  99.70%   </text>
												 </view>
											 	<view class="item gui-text gui-color-gray  gui-flex gui-space-between gui-align-items-center">
											 		<text>数量  395.22 USDT     </text><text> 限额  857.00元起   </text>
											 	</view>
											 											 	
											 </view>
											 
											 <view class="foot gui-flex gui-space-between gui-align-items-centers">
											 	 <view class="left gui-flex gui-align-items-center">							 	 	 
														  <gui-image src="../../static/yh.png" :height="40" :width="40" mode="widthFix" class="m-r"></gui-image>
														  <gui-image src="../../static/ali.png" :height="40" :width="40" mode="widthFix" class="m-r"></gui-image>
											 	 </view>
												 <view class="right">
													 
												 	  <button type="default" class="mr_btn" v-if="is_mai">买入</button>
													    <button type="default" class="mc_btn gui-bg-orange" v-if="!is_mai">卖出</button>
														
													
												 </view>
											 </view>
									 </view>
								</view>
</template>

<script>
	export default {
		name:"o-jiaoyi",
		props:{
			item:{
				type:Object,
				default:{
					
				}
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	$primaryColor:#06b881;
.gui-secondary-text{line-height:52rpx;}
.mairu_box {
	.mairu_box_item{
		.top{
			padding: 20rpx 0; 
			.left{ font-weight: bold;
			.ico{ width: 40rpx; height: 40rpx; border-radius: 40rpx; background-color: $primaryColor; font-size: 24rpx; text-align: center; color:#fff; line-height: 40rpx; margin-right: 10rpx;}
			}
			
			.right{
				.price{ color: #f00; }
			}
		}
		.m-r{ margin-right: 10rpx;}
		.main{ padding:20rpx 0;
		.item{
			padding:6rpx 0
		}}
		.mc_btn{background-color: $primaryColor; color:#fff; width: 180rpx; height:60rpx; font-size:26rpx;border-radius: 60rpx;}
		.mr_btn{ background-color: $primaryColor; color:#fff; width: 180rpx; height:60rpx; font-size:26rpx;border-radius: 60rpx;}
	}
}
</style>